<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="../css/fontawesome-free-5.7.2-web/css/all.css">
    <link rel="stylesheet" href="../css/jquery.mobile-1.4.5.min.css">
    <link rel="stylesheet" href="../css/jquery.mobile.ui.css">
    <link rel="stylesheet" href="../css/jqm-ui-demos.css">
    <script type="text/javascript" src="../js/jquery.js"></script>
    <script type="text/javascript" src="../js/jquery.mobile-1.4.5.js"></script>
    <script type="text/javascript" src="../js/jquery.mobile.ui.js"></script>
    <script type="text/javascript" src="../js/bscroll.js"></script>
  </head>
  <body>

    <div data-role="page" data-theme="a">
      <div data-role="header" data-position="fixed" data-tap-toggle="false" class="navbar">
        <div class="nav">
          <a data-ajax="false" href="##" data-rel="back" class="nav-link"><i class="fas fa-chevron-left"></i> 返回</a>
          <h3 class="nav-title">Slide</h3>
        </div>
      </div>
      <div role="main" class="">

        <div class="slide" style="width: 375px;">
            <div class="slide-group">
                <div class="slide-item">
                                         
                        <p>类型：Boolean | Object</p>
                        <p>默认值：false</p>
                        <p>作用：这个配置是为了做 spde 组件用的，默认为 false，如果开启则需要配置一个 Object，例如：* snap: {loop: false,threshold: 0.1,stepX: 100,stepY: 100}。</p>
                        <p>备注：这是一个高级的配置，一般场景不需要配置，具体应用场景可见 Spde Demo 。想了解更多的细节可以去看 example 中的 spde 组件的代码。</p>
                        <p>类型：Boolean | Object</p>
                        <p>默认值：false</p>
                        <p>作用：这个配置可以开启滚动条，默认为 false。当设置为 true 或者是一个 Object 的时候，都会开启滚动条，默认是会 fade 的，见 Demo 。了解更多的细节可以去看 example 中的 scroll 组件代码。</p>
             
                </div>
                <div class="slide-item">
                    
                        <p>刚刚闭幕的第二届数字中国建设峰会共对接数字经济项目587项，总投资额4569亿元，其中签约项目308项，总投资额2520亿元。丰硕成果的背后，是新动能对经济发展的支撑作用进一步增强。</p>
                        <p>今年以来，新旧动能转换进一步加快，为我国经济平稳开局作出积极贡献。新产业蓬勃发展，新业态不断涌现，创新创业活跃度增加，企业活力不断增强。</p>
                        <p>来自国家统计局的数据显示，一季度，我国产业结构不断优化，第三产业发展稳中有进。全国服务业生产指数同比增长7.4%，增速比前2个月加快0.1个百分点，比上年四季度加快0.2个百分点。</p>
                        <p>工业方面，高技术产业占比提高，工业高技术产业增加值同比增长7.8%，快于规模以上工业1.3个百分点，占全部规模以上工业比重为13.5%，比上年同期提高0.8个百分点。工业战略性新兴产业增加值同比增长6.7%，快于规模以上工业0.2个百分点。</p>
                        <p>其中，数字行业发展尤为迅猛。在5G、人工智能等新兴产业快速发展的带动下，一季度信息传输、软件和信息技术服务业同比增长21.2%。</p>
                        <p>新产业发展的同时，传统产业加快技术改造。一季度，我国制造业技改投资增长16.9%，比全部投资快10.6个百分点。</p>
                        <p>新产品快速增长。一季度，移动通信基站设备、城市轨道车辆、新能源汽车、太阳能电池产量同比分别增长153.7%、54.1%、48.2%和18.2%。</p>
                        <p>新业态不断涌现。互联网企业在网络音乐和视频内容、旅游出行、生活服务和公共服务平台等方面不断创新，带动互联网收入规模稳步扩大。一季度，以提供生产服务平台、生活服务平台、科技创新平台、公共服务平台等为主的企业实现业务收入329.1亿元，同比增长24.8%，增速较前2个月提高14.4个百分点。/p>
                        <p>新动能的快速发展推动企业利润逐步好转。初步统计，一季度中央企业累计实现营业收入6.8万亿元，同比增长6.3%，23家央企收入增幅超过20%；实现利润总额4265亿元，同比增长13.1%。规模以上私营工业企业增加值同比增长10.6%，比上年同期加快4个百分点。</p>
                        <p>企业利润好转还促使创新热情迸发，创业热度不减。一季度，每天新登记成立1.65万户企业，同比增长12.3%。</p>
                        <p>新动能活力迸发、创新创业活跃的背后，是“放管服”等一系列改革进一步释放红利，营商环境持续优化，市场预期和信心不断增强。</p>
                        <p>今年以来，我国实施更大规模减税降费。1月1日起，我国开始实施小微企业普惠性税收减免政策。仅企业所得税减税这一项政策，便惠及1798万家企业；4月1日起，深化增值税改革进一步释放活力，制造业、交通运输业、建筑业等行业税率均有所降低；5月1日以来，社保费率企业上缴比率下调。</p>
                  
                </div>
                <div class="slide-item">
                    
                        <p>scroll: inspired by iscroll, and it supports more features and has a better scroll perfermance</p>
                        <p>huangjincq/vue-better-scroll A vue plugins based on better-scroll</p>
                        <p>It is a chrome extension project giving you a better reading experience on china comics websites</p>
                        <p>Better html anchor, a jquery script to slide the scrollbar</p>
                        
                </div>
            </div>
        </div>
    

      </div>
    </div>

    <script>
        $(function(){
            $('.slide').each(function(){
                var $slide = $(this),
                    width = $slide.width(),
                    $group = $slide.find('.slide-group'),
                    $items = $group.find('.slide-item');
                $group.css('width', width * $items.length);
                $items.css('width', width);

                var bScroll = new BScroll(this, {
                    scrollX: true,
                    scrollY: false,
                    bounce: true,
        
                    // eventPassthrough: 'vertical',
                    bounce: false,
                    
                    snap: {
                    
                        
                        speed: 600,
                        threshold: 0.5,
                        stepX: width,
                    }
                });
            });
        });
    </script>

    

  </body>
</html>